/*
 * @Description:
 * @Author: 邢
 * @Date: 2021-04-21 15:56:12
 * @LastEditTime: 2021-04-28 21:15:35
 * @LastEditors: Please set LastEditors
 */
import React, { useState } from 'react';
import styles from "./setting.less"
import { Tabs, Radio, Space } from 'antd';
import SetForm from "@/components/works/setForm"
import SetFormA from "@/components/works/setFormA"

const { TabPane } = Tabs;

interface Iprops {
  handleClick: (e: any) => void;
}

const setting: React.FC<Iprops> = () => {
    const [tabPosition, settabPosition] = useState("left")
    
      const changeTabPosition = (e:any) => {
        settabPosition(e.target.value )
      };

      
  return (
    <div className={styles.box}>
      <h4> </h4>
      <div>
      <>
        <Space style={{ marginBottom: 24 }}>
        </Space>
        <Tabs tabPosition="left">
          <TabPane tab="系统设置" key="1">
            <SetForm/>
          </TabPane>
          <TabPane tab="SEO 设置" key="2">
            <SetFormA/>
          </TabPane>
          <TabPane tab="数据统计" key="3">
            Content of Tab 3
          </TabPane>
          <TabPane tab="OSS 设置" key="4">
            Content of Tab 4
          </TabPane>
          <TabPane tab="SMTP 服务" key="5">
            Content of Tab 5
          </TabPane>
        </Tabs>
      </>
      </div>
    </div>
  );
};

export default setting;
